<template>
  <div>
    <data-forecast
      v-for="(item, index) in dataList"
      :key="index"
      :divId="'line'+index"
      :lable="item.lable"
      :area="item.areaValue"
    />
  </div>
</template>

<script>
  import {param} from '@/api/waterSupplyForecast';
  import DataForecast from '@/components/dataForecast'
  export default {
    name: "index",
    components: { DataForecast },
    data(){
            return {
              dataList:[],
            }
        },
        mounted() {
          this.getData();
        },
        comments(){
        },
        methods:{
          async getData() {
            let dataList = await param();
            this.dataList = dataList.data;
            console.log(this.dataList)
          }
        }

    }
</script>

<style scoped>

</style>
